UXBooster - Generator 를 선택합니다.

그림 2

Generator를 실행하면 제일먼저 데이터소스 관리 화면이 나옵니다.

생성할 소스의 대상이 될 Table이 저장된 DB의 접속정보를 관리 할 수 있습니다.

그림 3

등록버튼 클릭

등록 버튼을 클릭하여 새로운 데이터소스를 등록합니다.

그림 4

DB 연결 정보 입력

DB 연결 정보를 입력합니다.

연결 테스트 버튼을 통해 입력된 정보를 검증할 수 있습니다.

그림 5

사용할 데이터소스를 선택 후 Next 버튼을 클릭합니다.

그림 3

Table이 속한 데이터베이스 또는 스키마를 선택합니다.

그림 6

데이터베이스(스키마)를 선택하면 좌측에 테이블 목록이 표시됩니다.

테이블을 선택하면 우측상단에 컬럼정보, 우측하단에 데이터(최대 5건)이 표시됩니다.

마우스 드래그로 컬럼정보와 데이터 사이의 높이를 조절 할 수 있습니다.

그림 7

생성할 테이블을 선택하고 Next 버튼을 클릭합니다.

테이블을 선택하면 템플릿을 관리하는 화면이 표시됩니다.

기본 템플릿 제공

UXBooster Framework 패턴의 Nexacro, React 템플릿을 기본제공합니다.

그림 9

그림 10

등록버튼 클릭

등록 버튼을 클릭하여 새로운 템플릿을 등록합니다.

그림 9

템플릿 정보 입력

템플릿 정보를 입력합니다.

그림 11

템플릿 작성

템플릿 파일 작성UXBooster Plugin의 변수를 활용할 수 있습니다.

기본 문법은 공식사이트를 참조해 주시기 바랍니다.

소스 생성에 사용할 템플릿을 선택 후 Finish 버튼을 클릭합니다.

그림 9

다음처럼 소스 생성이 완료됩니다.

그림 12